<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
</head>

<body id="zta1" style="width: 300px;height:800px" data-zta1-1="第一个自定义属性" data-zta1-2="第二个自定义属性" onstorage="zta01()">

	<h3 style="color:brown" id="zta2" data-zta2-1="第一个自定义属性" data-zta2-2="第二个自定义属性">飞道Js第一天
	</h3>
	<a href="www.baidu.com" id="zta4" data-zta3-1="第一个自定义属性" data-zta3-2="第二个自定义属性">百度
	</a>
	<div style="width:30px;height:30px" id="zta4" data-zta4-1="第一个自定义属性" data-zta4-2="第二个自定义属性">
		<ol id="zta5" name="zta5" data-zta5-1="第一个自定义属性" data-zta5-2="第二个自定义属性">
			<li id="zta7" name="zta7" data-zta7-1="第一个自定义属性" data-zta7-2="第二个自定义属性">九山八海</li>
		</ol>
		<ul id="zta6" name="zta6" data-zta6-1="第一个自定义属性" data-zta6-2="第二个自定义属性">
			<li id="zta8" name="zta8" data-zta8-1="第一个自定义属性" data-zta8-2="第二个自定义属性">无我不断者</li>
		</ul>
	</div>
	<span id="zta9" name="zta9" data-zta9-1="第一个自定义属性" data-zta9-2="第二个自定义属性" onclick="zta09()">这是一个鼠标点击事件</span>
	<form action="" method="post" data-zta13-1="第一个自定义属性" data-zta13-2="第二个自定义属性" onsubmit="zta12()">
		账号:<input type="name" id="zta10" data-zta10-1="第一个自定义属性" data-zta10-2="第二个自定义属性" onfocus="zta10(this.id)">
		密码:<input type="password" id="zta11" data-zta11-1="第一个自定义属性" data-zta11-2="第二个自定义属性">
		<input type="submit" name="submit" value="提交" data-zta12-1="第一个自定义属性" data-zta12-2="第二个自定义属性">
	</form>
	<button type="button" id="zta14" data-zta14-1="第一个自定义属性" data-zta14-2="第二个自定义属性" ondblclick="zta14()">点击
	</button>
	<table style="width: 100px;height: 100px;border:1px" data-zta15-1="第一个自定义属性" data-zta15-2="第二个自定义属性"
		onclick="zta15()">
		<tr>
			<td>12</td>
			<td>34</td>
		</tr>
		<tr>
			<td>56</td>
			<td>78</td>
		</tr>
	</table>

</body>
<script>

	function zta01() {
		alert("页面刷新了");
	}

	function zta09() {
		alert("=3");
	}
	function zta10(id) {
		document.getElementById(id).style.backgroundColor = "pink"
	}
	function zta12() {
		alert("已提交");
	}
	function zta14() {
		alert("你双击了这个按钮");
	}
	function zta15() {
		alert("这是个表格");
	}
</script>

</html>